<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--
  Created by IntelliJ IDEA.
  User: Y9000P
  Date: 2024.05.26
  Time: 22:08
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>商品展示</title>
    <script>
        window.onload = function () {
            //获取需要绑定事件的所有tr标签
            var name = document.getElementsByClassName('trCls');
            //遍历获取每一个标签
            for (var i = 0; i < name.length; i++) {
                //绑定鼠标移入移除事件
                name[i].onmouseover = function () {
                    //设置当前标签背景颜色
                    this.style.backgroundColor = 'red';
                }
                name[i].onmouseout = function () {
                    //设置当前标签背景颜色
                    this.style.backgroundColor = '';
                }
            }
        }
    </script>
</head>
<body>
<button><a href="/product?userReq=input">添加</a></button>
<table border="1px" align="center" cellpadding="10px" cellspacing="0px">
    <thead>
    <tr>
        <th>序号</th>
        <th>商品名称</th>
        <th>分类编号</th>
        <th>分类名称</th>
        <th>单价</th>
        <th>供应商</th>
        <th>品牌</th>
        <th>折扣</th>
        <th>进价</th>
        <th>创建时间</th>
        <th>修改时间</th>
        <th>操作</th>

    </tr>
    </thead>
    <tbody>
    <c:forEach var="product" items="${products}">
        <%--为标签指定属性,根据该属性获取需要绑定事件的所有标签--%>
        <tr class="trCls">
            <td>${product.id}</td>
            <td>${product.productName}</td>
            <td>${product.dir_id}</td>
                <%--当你在JSP页面中使用${product.dir_name}时，
                实际上是在调用Product类的getDir_name()方法，
                并显示该方法返回的字符串。
                这就是为什么即使类中没有dir_name属性，
                你仍然可以成功显示值的原因。--%>
            <td>${product.dir_name}</td>
            <td>${product.salPrice}</td>
            <td>${product.supplier}</td>
            <td>${product.brand}</td>
            <td>${product.cutoff}</td>
            <td>${product.costPrice}</td>
            <td>${product.create_time}</td>
            <td>${product.edit_time}</td>
            <td>
                <a href="/product?userReq=delete&id=${product.id}">删除</a>
                <a href="/product?userReq=input&id=${product.id}">修改</a>
            </td>
        </tr>

    </c:forEach>
    </tbody>
</table>
</body>
</html>
